<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="治电科技, 治中电科, 治电物联网, 物联网, 互联网">
  <meta name="description" content="治电科技只为追求高端科技,治电科技始于治中电科">
  <meta name="author" content="治电天神">
  <title>治电科技|求真 务实 坚韧 无畏</title>
  <!-- core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <link href="css/animate.min.css" rel="stylesheet">
  <link href="css/prettyPhoto.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
  <link href="css/responsive.css" rel="stylesheet">
  <style type="text/css">
    .main,
    body,
    html {
      padding: 0;
      height: 100%
    }

    .info,
    .main,
    body,
    html {
      height: 100%
    }

    .bottom-wrap .head-content *,
    .list-wrap ul li,
    .logo-wrap * {
      vertical-align: middle
    }

    .downloads-content .package,
    .pc-info .mask {
      visibility: hidden
    }

    * {
      box-sizing: border-box;
      -webkit-box-sizing: border-box
    }

    body,
    html {
      margin: 0;
      background-color: #FFF
    }

    a {
      text-decoration: none
    }

    .main {
      text-align: center;
      margin: 0 auto;
      max-width: 100%;
      width: 700px
    }

    .info {
      position: relative
    }

    .downloads-wrap,
    .logo-wrap {
      position: absolute;
      width: 100%
    }

    .downloads-wrap {
      bottom: 0
    }

    .logo-wrap {
      top: 30px
    }

    .logo-wrap>img {
      width: 79px;
      height: 79px
    }

    .logo-wrap h2 {
      font-size: 18px;
      color: #2A2A2A;
      font-weight: 700
    }

    .desc-content h2,
    .screenshots-content h2 {
      font-weight: 400;
      font-size: 15px;
      color: #2A2A2A
    }

    .logo-wrap p {
      margin-top: 21px;
      font-size: 18px;
      font-weight: 400;
      color: #2A2A2A;
      padding: 0 20px
    }

    .logo-wrap #show_qrcode {
      display: block;
      font-size: 10px;
      color: #007AFF;
      text-decoration: none;
      margin-top: 28px
    }

    .logo-wrap #show_qrcode>img {
      width: 11px;
      height: 11px
    }

    .logo-wrap #show_qrcode>span {
      display: inline-block;
      margin-left: 10px
    }

    .command-content p {
      display: inline-block;
      font-size: 12px;
      color: #2A2A2A
    }

    .command-content .stream-token {
      font-size: 12px;
      color: #2A2A2A;
      background-color: #f8f8f8;
      border-radius: 3px;
      padding: 5px
    }

    .command-content a {
      display: inline-block;
      font-size: 11px;
      color: #007AFF;
      width: 50px
    }

    .qrcode-content {
      display: none;
      margin-top: 50px;
      margin-bottom: 20px;
      font-size: 20px
    }

    .qrcode-content img {
      width: 120px;
      height: 120px
    }

    .qrcode-content span {
      display: block
    }

    .qrcode-content .code {
      display: inline-block;
      color: #007AFF
    }

    .qrcode-content p {
      margin: 0;
      padding: 0;
      display: inline-block
    }

    .btn-primary,
    .btn-secondary {
      background-color: #007AFF;
      color: #FFF;
      margin-top: 10px
    }

    .btn {
      font-size: 12px;
      width: 288px;
      height: 40px;
      line-height: 40px;
      border-radius: 5px;
      outline: 0
    }

    .btn-primary {
      border: 1px solid #007AFF
    }

    .btn-secondary {
      border: 1px solid #FFF;
      margin-bottom: 10px
    }

    .btn.stream {
      background-color: #FFF;
      color: #007AFF
    }

    .more img {
      height: 10px;
      margin-bottom: 5px
    }

    .more.down img {
      transform: rotateX(0)
    }

    .more.up img {
      transform: rotateX(180deg)
    }

    .screenshots-content {
      border-top: 1px solid #BFBFBF;
      margin: 0 15px;
      padding: 0 24px;
      position: relative
    }

    .screenshots-content h2 {
      margin-top: 40px;
      margin-bottom: 21px;
      text-align: left
    }

    .list-wrap {
      overflow-x: scroll;
      margin-bottom: 36px;
      margin-left: 39px
    }

    .list-wrap ul {
      display: block;
      list-style: none;
      white-space: nowrap;
      -webkit-padding-start: 0;
      -moz-padding-start: 0
    }

    .bottom-wrap .tips-content .tip-desc,
    .desc-content pre {
      white-space: pre-wrap;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      word-break: break-all
    }

    .list-wrap ul li {
      display: inline-block;
      margin: 0 9px
    }

    .list-wrap ul li:first-child {
      margin: 0 9px 0 0
    }

    .list-wrap ul li img {
      width: 176px;
      height: 311px;
      border: 1px solid #949494
    }

    .desc-content {
      border-top: 1px solid #BFBFBF;
      margin: 0 15px 36px;
      padding: 0 24px;
      text-align: center
    }

    .desc-content h2 {
      margin-top: 40px;
      margin-bottom: 21px;
      text-align: left
    }

    .desc-content pre {
      width: 100%;
      font-size: 14px;
      color: #2A2A2A;
      text-align: left
    }

    .footer {
      text-align: center;
      padding: 20px;
      border-top: 1px solid #DAE2E3
    }

    .show {
      display: block
    }

    .hide {
      display: none
    }

    .overlay {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, .6);
      z-index: 200;
      position: fixed
    }

    .bottom-wrap {
      position: absolute;
      bottom: 0;
      z-index: 201;
      width: 100%;
      padding-bottom: 18px;
      background-color: #FFF
    }

    .bottom-wrap .head-content {
      padding: 12px 0;
      text-align: left;
      margin-left: 21px
    }

    .bottom-wrap .head-content img {
      display: inline-block;
      width: 28px;
      height: 28px
    }

    .bottom-wrap .head-content h2 {
      display: inline-block;
      font-size: 15px;
      font-weight: 700;
      color: #313131;
      margin-left: 10px
    }

    .bottom-wrap .tips-content {
      text-align: left;
      margin-left: 21px;
      margin-right: 21px;
      border-top: 1px solid #BFBFBF
    }

    .bottom-wrap .tips-content .tip-desc {
      font-size: 13px
    }

    .bottom-wrap .tips-content .tip-title {
      font-size: 14px;
      color: #313131;
      margin: 8px 0 0;
      font-weight: 400
    }

    .bottom-wrap .tips-content .tip-token {
      font-size: 13px;
      color: #313131;
      margin: 8px 0 0;
      display: inline-block;
      padding: 3px;
      background-color: #96D2FA
    }

    .bottom-wrap .tips-content .tip-guide {
      font-size: 14px;
      margin: 8px 0 0
    }

    .bottom-wrap .tips-content .guide-launch {
      margin: 15px 0
    }

    .bottom-wrap .tips-content ul {
      -webkit-padding-start: 21px
    }

    .bottom-wrap .tips-content ul li {
      margin: 0;
      padding: 0;
      -webkit-padding-start: 0
    }

    .bottom-wrap button {
      width: 327px
    }

    .qrcode-wrap {
      position: absolute;
      width: 320px;
      height: 350px;
      background-color: #FFF;
      top: 50%;
      left: 50%;
      margin-top: -164px;
      margin-left: -160px;
      border-radius: 5px
    }

    .qrcode-wrap div.close {
      display: block;
      width: 30px;
      height: 30px;
      position: absolute;
      right: 15px;
      top: 10px
    }

    .qrcode-wrap div.close img {
      width: 14px;
      height: 14px;
      margin-top: 8px
    }

    .qrcode-wrap .kuaima-wrap {
      width: 211px;
      height: 211px;
      display: inline-block;
      margin-top: 28px;
      border: 1px solid #8ECEAB;
      background-color: #FBFFFE;
      border-radius: 5px
    }

    .qrcode-wrap .kuaima-wrap .qrcode {
      width: 161px;
      height: 161px;
      margin-top: 25px
    }

    .qrcode-wrap .kuaima-wrap .app-name {
      display: block;
      font-size: 12px
    }

    .qrcode-wrap .channel {
      width: 211px
    }

    .qrcode-wrap .desc {
      color: #C5C5C5;
      font-size: 12px
    }

    .pc-info {
      display: none;
      position: relative;
      text-align: left;
      margin-top: 80px
    }

    .pc-name h2 {
      font-size: 24px;
      color: #2A2A2A;
      font-weight: 700
    }

    .pc-name p {
      font-size: 22px;
      color: #2A2A2A;
      font-weight: 400;
      margin-top: 30px;
      width: 520px;
      word-wrap: break-word;
      word-break: break-all;
      overflow: hidden
    }

    .contact-list-item .contact-title,
    .h5-title,
    .mp-title-input {
      font-weight: 700
    }

    .btn-download {
      width: 260px;
      background-color: #FFF;
      border: 1px solid #007AFF;
      color: #007AFF
    }

    .btn-download .icon {
      margin-right: 5px;
      line-height: 14px
    }

    @font-face {
      font-family: publish_iconfont;
      src: url(/fonts/iconfont.ttf) format('truetype')
    }

    .publish_iconfont {
      font-family: publish_iconfont !important;
      font-size: 14px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: .2px;
      -moz-osx-font-smoothing: grayscale
    }

    #pc_download .btn-download,
    #pc_download_plus .btn-download {
      display: inline-block;
      text-decoration: none;
      text-align: center
    }

    .pc-download.plus-app {
      display: flex;
      position: relative;
      flex-direction: row;
      padding-top: 50px;
      padding-bottom: 50px
    }

    .pc-download.plus-app.center {
      justify-content: center
    }

    .pc-download.plus-app .qrcode-row {
      display: inline-block;
      width: 200px;
      text-align: center
    }

    .pc-download.plus-app .qrcode-row .qrcode-img {
      width: 200px;
      height: 200px
    }

    .pc-download.plus-app .qrcode-row .app-tip {
      margin: 0
    }

    .pc-download.plus-app .btn-row {
      display: inline-flex;
      flex-direction: column;
      margin-left: 80px;
      justify-content: center
    }

    .pc-download.plus-app .btn-row .btn-download {
      margin: 15px 0;
      width: 240px
    }

    .pc-download.plus-app::after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      content: '';
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
      background-color: #c8c7cc
    }

    @media only screen and (min-width:768px) {
      .info.mobile {
        display: none
      }

      .pc-info {
        display: block
      }

      .desc-content {
        padding: 0;
        margin: 0 0 80px;
        border: none
      }

      .desc-content pre {
        color: #818181;
        font-size: 14px
      }

      .desc-content h2 {
        font-size: 22px;
        margin-bottom: 40px
      }

      .screenshots-content {
        border: none;
        margin: 0;
        padding: 0
      }

      .screenshots-content h2 {
        font-size: 22px;
        margin-bottom: 40px
      }

      .list-wrap {
        margin-left: 0
      }
    }

    .command-content p {
      width: 288px;
      text-align: left;
      position: relative
    }

    .command-content p .stream-token {
      width: 230px;
      border: none
    }

    .command-content .copy-command {
      text-align: center;
      position: absolute;
      right: 0;
      top: -5px;
      font-size: 14px;
      line-height: 14px;
      width: auto;
      background-color: #c5c5c5;
      color: #fff;
      padding: 6px;
      border-radius: 3px;
      text-decoration: none
    }

    .pc-logo {
      position: absolute;
      left: -126px
    }

    .pc-logo img {
      border-radius: 5px;
      width: 90px;
      height: 90px
    }

    .pc-barcode {
      position: absolute;
      right: 0;
      width: 160px;
      height: 160px;
      border: 1px solid #8ECEAB;
      background-color: #FBFFFE;
      border-radius: 5px;
      text-align: center
    }

    .pc-barcode .kuaima-wrap .qrcode {
      width: 120px;
      height: 120px;
      margin-top: 15px
    }

    .pc-barcode .kuaima-wrap .app-name {
      display: block;
      font-size: 12px
    }

    .pc-barcode .tip {
      color: #296A43;
      margin-top: 10px;
      font-size: 14px
    }

    .bottom-wrap .head-content .loading-tip {
      display: inline-block;
      position: absolute;
      font-size: 12px;
      right: 21px;
      color: #C5C5C5
    }

    .loading-tip .spinner {
      margin-right: 5px
    }

    .spinner {
      display: inline-block;
      width: 16px;
      height: 16px;
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-animation: spinner-spin 1s step-end infinite;
      animation: spinner-spin 1s step-end infinite
    }

    .spinner:after {
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%236c6c6c\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>');
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100%
    }

    #download_list a.stream,
    .pc-info .mask a,
    .tab-item {
      display: inline-block;
      text-decoration: none
    }

    @-webkit-keyframes spinner-spin {
      0% {
        -webkit-transform: rotate(0)
      }

      8.33333333% {
        -webkit-transform: rotate(30deg)
      }

      16.66666667% {
        -webkit-transform: rotate(60deg)
      }

      25% {
        -webkit-transform: rotate(90deg)
      }

      33.33333333% {
        -webkit-transform: rotate(120deg)
      }

      41.66666667% {
        -webkit-transform: rotate(150deg)
      }

      50% {
        -webkit-transform: rotate(180deg)
      }

      58.33333333% {
        -webkit-transform: rotate(210deg)
      }

      66.66666667% {
        -webkit-transform: rotate(240deg)
      }

      75% {
        -webkit-transform: rotate(270deg)
      }

      83.33333333% {
        -webkit-transform: rotate(300deg)
      }

      91.66666667% {
        -webkit-transform: rotate(330deg)
      }

      100% {
        -webkit-transform: rotate(360deg)
      }
    }

    @keyframes spinner-spin {
      0% {
        transform: rotate(0)
      }

      8.33333333% {
        transform: rotate(30deg)
      }

      16.66666667% {
        transform: rotate(60deg)
      }

      25% {
        transform: rotate(90deg)
      }

      33.33333333% {
        transform: rotate(120deg)
      }

      41.66666667% {
        transform: rotate(150deg)
      }

      50% {
        transform: rotate(180deg)
      }

      58.33333333% {
        transform: rotate(210deg)
      }

      66.66666667% {
        transform: rotate(240deg)
      }

      75% {
        transform: rotate(270deg)
      }

      83.33333333% {
        transform: rotate(300deg)
      }

      91.66666667% {
        transform: rotate(330deg)
      }

      100% {
        transform: rotate(360deg)
      }
    }

    .tip-button-row {
      text-align: right;
      padding-right: 21px
    }

    .pc-info .mask,
    .tab-content.pc .tab-content-item.app,
    .tab-content.pc .tab-content-item.mp {
      text-align: center
    }

    .tip-button-row .tip-btn {
      border: none;
      height: 30px;
      border-radius: 3px;
      color: #FFF;
      margin: 0;
      padding: 0;
      font-size: 12px
    }

    .app-tip,
    .mp-tip,
    .share-tip {
      font-size: 14px
    }

    .tip-button-row .tip-btn.tip-btn-primary {
      width: 70px;
      background-color: #007AFF
    }

    .tip-button-row .tip-btn.tip-btn-cancel {
      background-color: transparent;
      color: #007AFF;
      width: 40px
    }

    .pc-info .mask {
      position: absolute;
      right: 0;
      width: 162px;
      height: 162px;
      background-color: rgba(0, 0, 0, .6);
      border-radius: 3px;
      cursor: pointer
    }

    .pc-info .mask a {
      width: 100%;
      color: #FFF;
      line-height: 160px
    }

    #download_list .btn.stream.disabled {
      background-color: #ccc;
      border-color: #ccc;
      color: #FFF
    }

    .tab {
      border-bottom: 1px solid #f7f7f7;
      padding: 0 20px
    }

    .tab-item {
      padding: 10px 20px;
      margin: 0 30px;
      color: #007AFF
    }

    .h5-link,
    .mp-clip,
    .mp-title-copy,
    .website-url {
      text-decoration: underline
    }

    .tab-item.active {
      border-bottom: 2px solid #007AFF;
      font-weight: 700
    }

    .tab-content {
      border-bottom: 1px solid #f7f7f7;
      padding: 50px 0
    }

    .pc-download {
      margin: 0
    }

    .tab-content-item {
      display: none
    }

    .pkg-download,
    .tab-content-item.active,
    .website-url {
      display: block
    }

    .tab-content.pc .tab-content-item {
      height: 350px
    }

    .app-qrcode,
    .mp-qrcode {
      width: 200px;
      height: 200px
    }

    .mp-qrcode {
      margin-top: 30px
    }

    .list-media {
      position: relative;
      padding: 11px 15px
    }

    .list-media-object {
      float: left;
      width: 42px;
      height: 42px;
      margin-right: 15px
    }

    .list-media-body {
      height: 42px;
      position: relative
    }

    .pc-share,
    .tab-wrap,
    .toast {
      position: absolute
    }

    .list-media-desc {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 14px;
      color: #8f8f94;
      margin: 0
    }

    .contact-list {
      padding: 30px 0 0 50px
    }

    .contact-list-item {
      padding: 5px
    }

    .contact-list-item .contact-text {
      color: #007AFF
    }

    .tab-wrap {
      bottom: 10px;
      width: 100%
    }

    #mb_tab .tab-item {
      margin: 0
    }

    .pkg-download {
      margin: 0 auto;
      width: 300px;
      background-color: #007AFF;
      border: 1px solid #007AFF;
      color: #FFF;
      padding: 8px 10px;
      border-radius: 5px
    }

    #mb_tab_content {
      border: none;
      padding: 15px 0
    }

    @media only screen and (min-height:650px) {
      #mb_tab_content {
        padding: 30px 0
      }
    }

    @media only screen and (min-height:750px) {
      #mb_tab_content {
        padding: 50px 0
      }
    }

    #mb_tab_content .app-qrcode,
    #mb_tab_content .mp-qrcode {
      width: 150px;
      height: 150px
    }

    #mb_tab_content .tab-content-item {
      height: 260px
    }

    .app-tip {
      margin: 5px 0 10px;
      height: 20px;
      color: #007AFF
    }

    .website-label,
    .website-url {
      margin-left: 50px
    }

    .mp-clip {
      color: #007AFF
    }

    .mp-tip {
      color: #777
    }

    #mb_tab_content .tab-content-item.contact,
    #mb_tab_content .tab-content-item.h5 {
      text-align: left
    }

    .footer-wrap,
    .mp-title-input,
    .pc-share,
    .share-qrcode {
      text-align: center
    }

    .website-url {
      color: #007AFF
    }

    .pkg-download.hide {
      display: none
    }

    .pkg-download.show {
      display: block
    }

    .pc-share {
      top: 0;
      right: 10px;
      color: #007AFF;
      cursor: pointer;
      background-color: #FFF;
      width: 200px;
      z-index: 9
    }

    .share-qrcode {
      width: 200px;
      height: 200px;
      -webkit-box-shadow: #666 0 0 10px;
      -moz-box-shadow: #666 0 0 10px;
      box-shadow: #666 0 0 10px;
      border-radius: 3px
    }

    .share-qrcode.hide {
      display: none
    }

    .share-qrcode.show {
      display: block
    }

    .share-qrcode img {
      width: 150px;
      height: 150px;
      margin-top: 25px
    }

    .share-tip {
      color: #007AFF
    }

    .top-arrow {
      width: 15px;
      height: 15px;
      border-top: 2px solid #ccc;
      border-right: 2px solid #ccc;
      transform: rotate(-45deg)
    }

    .download-app {
      margin-bottom: 0
    }

    @media only screen and (min-height:600px) {
      .tab-wrap {
        bottom: 50px
      }

      .download-app {
        margin-bottom: 50px
      }
    }

    @media only screen and (min-height:700px) {
      .tab-wrap {
        bottom: 100px
      }

      .download-app {
        margin-bottom: 100px
      }
    }

    .download-app .qrcode {
      width: 150px;
      height: 150px
    }

    .download-app .app-tip {
      margin: 0
    }

    .download-tip {
      color: #949494
    }

    .footer-wrap {
      padding: 5px
    }

    .footer-wrap .power-by {
      font-size: 12px;
      color: #AEAEAE
    }

    .footer-wrap .power-by a {
      color: #007AFF
    }

    .mp-title {
      margin-bottom: 10px;
      display: flex;
      flex-direction: column
    }

    .mp-title-input {
      border: none;
      font-size: 16px
    }

    .mp-title-copy {
      color: #007AFF;
      margin-top: 10px;
      font-size: 16px
    }

    .mp-title-tip {
      font-size: 12px;
      color: #AEAEAE
    }

    .toast {
      left: 0;
      right: 0;
      bottom: 50px;
      margin: auto;
      width: 320px
    }

    .toast.hide {
      display: none
    }

    .toast.show {
      display: block
    }

    .toast-text {
      -webkit-margin-before: 0;
      -webkit-margin-after: 0;
      background-color: #000;
      color: #fff;
      border-radius: 3px;
      padding: 3px 0;
      font-size: 14px;
      opacity: .5
    }

    .mb-no-pkg {
      line-height: 240px
    }

    .pc-no-pkg {
      line-height: 350px
    }

    .h5-title {
      padding: 0 0 20px 50px
    }

    .h5-content-pc .h5-title {
      display: inline-block;
      margin-top: 50px
    }

    .h5-link {
      padding: 20px 50px 0;
      color: #007AFF;
      display: inline-block;
      word-break: break-all
    }

    .h5-content-m .h5-title {
      display: block
    }
  </style>
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

  <!-- GrowingIO Analytics code version 2.1 -->
  <!-- Copyright 2015-2018 GrowingIO, Inc. More info available at http://www.growingio.com -->
  <script type='text/javascript'>
    ! function (e, t, n, g, i) {
      e[i] = e[i] || function () {
        (e[i].q = e[i].q || []).push(arguments)
      }, n = t.createElement("script"), tag = t.getElementsByTagName("script")[0], n.async = 1, n.src = (
        'https:' == document.location.protocol ? 'https://' : 'http://') + g, tag.parentNode.insertBefore(n,
        tag)
    }(window, document, "script", "assets.growingio.com/2.1/gio.js", "gio");
    gio('init', '830520c0ccf1f28c', {});
    gio('send');
  </script>
  <!-- End GrowingIO Analytics code version: 2.1 -->
  <link rel="shortcut icon" href="images/ico/zzes.png">
  <!-- bugsnag -->
  <!-- <script src="https://d2wy8f7a9ursnm.cloudfront.net/v4/bugsnag.min.js"></script>
  <script>
    window.bugsnagClient = bugsnag('c71abced0a4fd306214fa19d7dfa7460')
  </script> -->
</head>
<!--/head-->

<body class="homepage" id="homepage">
  <!-- <img class="qrcode-zzes" src="images/qrcode.png" alt="治电科技公众号二维码" /> -->
  <!-- <button class="share-btn"></button> -->
  <header id="header">
    <nav class="navbar navbar-inverse" role="banner" style="background: radial-gradient(circle at bottom right,#c52d2f 0,#AA81F3 100%);">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">
            <img style="width: 160px;" src="images/logo.png" alt="治电科技logo">
          </a>
        </div>

        <div class="collapse navbar-collapse navbar-right">
          <ul class="nav navbar-nav">
            <li>
              <a href="mailto:zvd@zzes1314.cn">商业合作联系邮箱:zvd@zzes1314.cn</a>
            </li>
            <li>
              <a target="_blank" href="./data.html">账号列表</a>
            </li>
            <li>
              <a target="_blank" href="./iron.html">铜陵钢材</a>
            </li>
            <li>
              <a target="_blank" href="https://www.jianshu.com/u/5bbe008f9b84">博客</a>
            </li>
            <li>
              <a target="_blank" href="http://pan.zzes1314.cn">治电云盘</a>
            </li>
            <li>
              <a target="_blank" href="https://zzes-zvd.github.io/ZZESFrontendSite/">前端导航</a>
            </li>
            <!-- 治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                                                    ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                                                ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                                        ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                                    ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                                ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢
                            ,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢,治电普钢-->
          </ul>
        </div>
      </div>
      <!--/.container-->
    </nav>
    <!--/nav-->

  </header>
  <!--/header-->

  <section id="main-slider" class="no-margin">
    <div id="zzes" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#zzes" data-slide-to="0" class="active"></li>
        <li data-target="#zzes" data-slide-to="1"></li>
        <li data-target="#zzes" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">

        <div class="item active" style="background-image: url(images/slider/bg1.jpg)">
          <div class="container">
            <div class="row slide-margin">
              <div class="col-sm-6">
                <div class="carousel-content">
                  <h1 class="animation animated-item-1">治电科技团队</h1>
                  <h2 class="animation animated-item-2">未来将一片黑暗，治电将只手遮天——张辉治</h2>
                  <a target="_blank" class="btn-slide animation animated-item-3" href="https://www.jianshu.com/nb/11028093">文章查看</a>
                </div>
              </div>

              <div class="col-sm-6 hidden-xs animation animated-item-4">
                <div class="slider-img">
                  <img src="images/slider/zzes-logo.png" alt="治电科技 治中电科" class="img-responsive">
                </div>
              </div>

            </div>
          </div>
        </div>
        <!--/.item-->

        <div class="item" style="background-image: url(images/slider/bg2.jpg)">
          <div class="container">
            <div class="row slide-margin">
              <div class="col-sm-6">
                <div class="carousel-content">
                  <h1 class="animation animated-item-1">治电ZCDC团队</h1>
                  <h2 class="animation animated-item-2">做自己的产品，从复制别人开始——任治中</h2>
                  <a target="_blank" class="btn-slide animation animated-item-3" href="http://klren.oschina.io/zzesvue_1_x/#!/subject">查看作品</a>
                </div>
              </div>

              <div class="col-sm-6 hidden-xs animation animated-item-4">
                <div class="slider-img">
                  <img src="images/slider/zcdc-logo.png" alt="治电科技 ZCDC" class="img-responsive">
                </div>
              </div>

            </div>
          </div>
        </div>
        <!--/.item-->

        <div class="item" style="background-image: url(images/slider/bg3.jpg)">
          <div class="container">
            <div class="row slide-margin">
              <div class="col-sm-6">
                <div class="carousel-content">
                  <h1 class="animation animated-item-1">治娱治乐</h1>
                  <h2 class="animation animated-item-2">治电对外合作, 治娱直播, 治电普钢——蔡振中</h2>
                  <!-- <a class="btn-slide animation animated-item-3" href="#">Read More</a> -->
                </div>
              </div>
              <div class="col-sm-6 hidden-xs animation animated-item-4">
                <div class="slider-img">
                  <img src="images/slider/zzes-logo2.png" alt="治电科技 治娱治乐" class="img-responsive">
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--/.item-->
      </div>
      <!--/.carousel-inner-->
    </div>
    <!--/.carousel-->
    <a class="prev hidden-xs" href="#zzes" role="button" data-slide="prev">
      <i class="fa fa-chevron-left"></i>
    </a>
    <a class="next hidden-xs" href="#zzes" role="button" data-slide="next">
      <i class="fa fa-chevron-right"></i>
    </a>
  </section>
  <!--/#main-slider-->
  <section>
    <div class="main">
      <!--应用简要信息-->
      <div class="info mobile" id="mobile_info">
        <!--logo-->
        <div class="logo-wrap">
          <img src="http://img.cdn.aliyun.dcloud.net.cn/stream/icon/__UNI__50E508A.png" />
          <h2>铜陵钢材信息</h2>
          <div>铜陵钢材信息获取平台, 实时掌握铜陵钢材价格动态</div>
        </div>

        <!-- 有小程序 -->
        <!-- 选项卡 -->
        <div class="tab-wrap">
          <div class="tab" id="mb_tab">
            <a class="tab-item active" href="javascript:;" data-id="mp">小程序</a>
          </div>
          <div class="tab-content mb" id="mb_tab_content">
            <div class="tab-content-item mp active">
              <div class="mp-title">
                <input class="mp-title-input" readonly type="text" value="铜陵钢材信息">
                <a class="mp-title-copy" href="javascript:;">复制</a>
                <p class="mp-title-tip">复制成功后在微信中搜索小程序</p>
              </div>
              <img class="mp-qrcode" src="http://img.cdn.aliyun.dcloud.net.cn/stream/mp_weixin/__UNI__50E508A.jpg"
                style="width: 120px;height:120px;" />
              <p class="mp-tip hide">长按图片识别小程序</p>
            </div>
          </div>
        </div>


        <div class="downloads-wrap">

          <!--更多-->
          <div class="more down" id="scroll_page">
            <img src="" />
          </div>
        </div>
      </div>

      <!--pc显示内容-->
      <div class="pc-info">
        <div class="pc-logo">
          <img src="http://img.cdn.aliyun.dcloud.net.cn/stream/icon/__UNI__50E508A.png" />
        </div>

        <div class="pc-share">
          <p class="share-tip">获取本页二维码</p>
          <div class="share-qrcode hide">
            <img src=""
              alt="二维码">
          </div>
        </div>

        <div class="pc-name">
          <h2>铜陵钢材信息</h2>
          <p>铜陵钢材信息获取平台, 实时掌握铜陵钢材价格动态</p>
        </div>

        <div class="tab" id="pc_tab">
          <a class="tab-item active" href="javascript:;" data-id="mp">小程序</a>
        </div>
        <div class="tab-content pc" id="pc_tab_content">
          <div class="tab-content-item mp active">
            <img class="mp-qrcode" src="http://img.cdn.aliyun.dcloud.net.cn/stream/mp_weixin/__UNI__50E508A.jpg" />
            <p class="mp-tip">扫二维码识别小程序</p>
          </div>
        </div>
      </div>

      <!--应用描述-->
      <div class="desc-content">
        <h2>应用描述</h2>
        <pre>铜陵钢材信息获取平台, 实时掌握铜陵钢材价格动态.
  可搜索钢材,获取钢材历史价格和简介
  也可再总览处查看钢材最新价格和简介</pre>
      </div>
      <!--应用截图-->
      <div class="screenshots-content">
        <h2>应用截图</h2>
      </div>
      <div class="list-wrap">
        <ul>
          <li><img src="http://img.cdn.aliyun.dcloud.net.cn/stream/screen/__UNI__50E508A_0.jpg"></li>
          <li><img src="http://img.cdn.aliyun.dcloud.net.cn/stream/screen/__UNI__50E508A_1.jpg"></li>
        </ul>
      </div>
      <!--底部弹出层-->
      <div class="overlay hide" id="stream_guide">
        <div class="bottom-wrap">
          <div class="head-content">
            <img src="" />
            <h2>流应用</h2>
            <p class="loading-tip"><span class="spinner"></span><span class="loading-text">正在启动</span></p>
          </div>
          <div class="tips-content">
            <div class="tip-download guide-download show">
              <pre class="tip-desc">如果您已打开流应用，请忽略此提示。否则表明本机未安装流应用引擎，无法使用铜陵钢材信息省流量版。需首先安装流应用引擎</pre>
            </div>
            <div class="tip-copy guide-copy hide">
              <div class="tip-content">
                <ul>
                  <li>
                    <h3 class="tip-title">复制下方流口令：</h3>
                    <p class="tip-token" id="copy_stream_token">streamapp://s/__UNI__50E508A</p>
                  </li>
                  <li>
                    <p class="tip-guide">等待下载完成并安装，启动流应用即可使用铜陵钢材信息省流量版</p>
                  </li>
                </ul>
              </div>
            </div>
            <div class="tip-launch guide-launch hide">
              <pre class="tip-desc">正在下载流应用，下载完成后安装启动即可体验</pre>
            </div>
          </div>
          <div class="tip-button-row">
            <button class="tip-btn tip-btn-cancel" type="button" id="guide_ignore">忽略</button>
            <button class="tip-btn tip-btn-primary" type="button" id="guide_action">立即下载</button>
          </div>
        </div>
      </div>
      <!--快码弹出层-->
      <div class="overlay hide" id="qrcode_mask">
        <div class="qrcode-wrap">
          <div class="close">
            <img class="close" src="" />
          </div>
          <div class="kuaima-wrap">
            <img class="qrcode" src="http://img.cdn.aliyun.dcloud.net.cn/stream/qr/__UNI__50E508A.png/256" />
            <span class="app-name">铜陵钢材信息</span>
          </div>
          <img class="channel" src="http://p.m3w.cn/img/channel.png" />
        </div>
      </div>

      <input readonly style="border: none;opacity: 0;" class="stream-token" id="stream_token_hidden" value="streamapp://s/__UNI__50E508A">
      <div class="toast hide">
        <p class="toast-text">复制成功，请在微信搜索框里长按并粘贴搜索。</p>
      </div>
      <footer class="footer-wrap">
        <p class="power-by">本应用由治电科技<h3 style="color:rgb(223, 60, 60);">免费</h3>提供技术支持。</p>
      </footer>

    </div>
  </section>
  <!--/#ss-table-->


  <section id="conatcat-info">
    <div class="container">
      <div class="row">
        <div class="col-sm-8">
          <div class="media contact-info wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
            <div class="pull-left">
              <i class="fa fa-comments"></i>
            </div>
            <div class="media-body">
              <h2>可以通过邮件方式联系我们哦！</h2>
              <p>我们的邮箱地址是：
                <address>zvd@zzes1314.cn</address>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--/.container-->
  </section>
  <!--/#conatcat-info-->

  <section id="bottom">
    <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
      <div class="row">
        <div class="col-md-3 col-sm-6">
          <div class="widget">
            <h3>组织相关</h3>
            <ul>
              <li>
                <a target="_blank" href="https://www.jianshu.com/u/5bbe008f9b84">简书</a>
              </li>
              <li>
                <a target="_blank" href="https://github.com/klren0312">GitHub</a>
              </li>
              <li>
                <a target="_blank" href="https://klren0312.github.io/bitcoinInfoSite/">治电币信息查看平台</a>
              </li>
              <li>
                <a target="_blank" href="http://klren.oschina.io/zzesvue_1_x">2017治电官网</a>
              </li>
              <li>
                <a target="_blank" href="http://klren.oschina.io/zzesbate5.0/">2016治电官网</a>
              </li>
            </ul>
          </div>
        </div>
        <!--/.col-md-3-->

        <div class="col-md-3 col-sm-6">
          <div class="widget">
            <h3>推荐网站</h3>
            <ul>
              <li>
                <a target="_blank" href="https://worktile.com/">Worktile</a>
              </li>
              <li>
                <a target="_blank" href="https://shimo.im/">石墨文档</a>
              </li>
              <li>
                <a target="_blank" href="https://juejin.im/">稀土掘金</a>
              </li>
              <li>
                <a target="_blank" href="https://www.addthis.com">Addthis</a>
              </li>
              <li>
                <a target="_blank" href="http://apizza.cc">apizza</a>
              </li>
            </ul>
          </div>
        </div>
        <!--/.col-md-3-->

        <div class="col-md-3 col-sm-6">
          <div class="widget">
            <h3>教程网站</h3>
            <ul>
              <li>
                <a target="_blank" href="https://developer.mozilla.org/zh-CN/">MDN</a>
              </li>
            </ul>
          </div>
        </div>
        <!--/.col-md-3-->

        <div class="col-md-3 col-sm-6">
          <div class="widget">
            <h3>友情链接</h3>
            <ul>
              <li>
                <a target="_blank" href="http://pan115.com/">pan115</a>
              </li>
              <li>
                <a target="_blank" href="http://ce8.com/">测吧</a>
              </li>
              <li>
                <a target="_blank" href="https://www.zencloud.net.cn/">众家云</a>
              </li>
              <li>
                <a target="_blank" href="https://job.0550.com/">E滁州人才网</a>
              </li>
              <li>
                <a target="_blank" href="https://cloud.tencent.com/">腾讯云</a>
              </li>
              <li>
                <a target="_blank" href="https://nextcloud.com/">NextCloud</a>
              </li>
            </ul>
          </div>
        </div>
        <!--/.col-md-3-->
      </div>
    </div>
  </section>
  <!--/#bottom-->

  <footer id="footer" class="midnight-blue">
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          &copy; 2018
          <a target="_blank" href="http://www.zzes1314.cn/" title="治电科技">治电科技</a>. All Rights Reserved.
        </div>
        <div class="col-sm-6">
          <span class="col-sm-6">强大的团队,需要强大的服务: </span>
          <a href="https://cloud.baidu.com" target="_blank"><img src="images/baidu.png" alt="百度云"></a>
        </div>
      </div>
    </div>
  </footer>
  <!--/#footer-->
  <div class="modal fade bs-example-modal-lg" id="js-iron-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
      <div class="modal-dialog modal-lg" style="text-align: center;padding-top: 250px;" role="document">
          <button class="btn btn-primary" onclick="location.href='https://tlgc.zzes1314.cn'">访问铜陵钢材信息</button>
      </div>
  </div>
  <script src="js/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.prettyPhoto.js"></script>
  <script src="js/jquery.isotope.min.js"></script>
  <script src="js/main.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
  <script src="https://cdn.bootcss.com/crypto-js/3.1.9/crypto-js.min.js"></script>
  <script type="text/javascript">
    // 百夫长
    (function (w, d, s, a, m) {
      a = d.createElement(s),
        a.async = 1;
      a.src = "//us2.centcount.com/ca.php?sid=1807290000003001&ct=" + (new Date).getTime();
      m = d.getElementsByTagName(s)[0];
      m.parentNode.insertBefore(a, m)
    })(window, document, "script");
    setTimeout(function() {
        $('#js-iron-modal').modal({
            show: true
        })
    }, 2000)
  </script>
  <script src="js/wechat.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    window.$app = {
      scheme: '',
      stream_android_url: 'https://www.dcloud.io/download/streamapp.apk',
      stream_ios_url: 'https://itunes.apple.com/cn/app/流应用/id793135951',
      appid: '__UNI__50E508A',
      android_url: '',
      ios_url: '',
      android_size: '',
      ios_size: '',
      mp_weixin: '1'
    };

    ! function () {
      var c = function (e) {
          var t = [];
          if (e)
            for (var i in e) e.hasOwnProperty(i) && t.push(encodeURIComponent(i) + "=" + encodeURIComponent(e[i]));
          return t.length ? t.join("&") : ""
        },
        e = function (e, t, i, n) {
          var o = new window.XMLHttpRequest;
          o.onreadystatechange = function () {
            if (4 == o.readyState)
              if (200 <= o.status && o.status < 300 || 304 === o.status || 0 === o.status && o.responseText) {
                if (n) {
                  var t = !1;
                  try {
                    t = JSON.parse(o.responseText)
                  } catch (e) {
                    t = !1
                  }
                }
                n && n(t, o)
              } else n && n(!1)
          };
          var s, r, a = "string" == typeof i ? i : c(i);
          return a && "GET" === e && (s = t, "string" != typeof (r = a) && (r = c(r)), t = (s + "&" + r).replace(
            /[&?]{1,2}/, "?")), o.open(e, t), "POST" === e && "string" != typeof i && o.setRequestHeader(
            "Content-Type", "application/x-www-form-urlencoded"), o.send("POST" === e && a), o
        },
        L = function (e) {
          this.element = document.querySelector(e), this.copy = function (e) {
            (this.element.select(), document.execCommand) ? document.execCommand("copy", !1) ? e.success && e.success() :
              e.error && e.error({
                msg: "fail"
              }): e.error && e.error({
                msg: "unsupport"
              })
          }
        },
        O = {
          now: Date.now || function () {
            return (new Date).getTime()
          },
          getScreenHeight: function () {
            return document.documentElement ? document.documentElement.clientHeight : window.innerHeight
          }
        },
        P = {
          isVisible: function (e) {
            return "string" == typeof e && (e = this.querySelector(e)), "none" !== e.style.display
          },
          toggle: function (e) {
            "string" == typeof e && (e = this.querySelector(e));
            var t = "show",
              i = "hide",
              n = e.className;
            ~n.indexOf(t) ? e.className = n.replace(t, i) : ~n.indexOf(i) && (e.className = n.replace(i, t))
          },
          querySelector: function (e) {
            var t = null;
            if (document.querySelector) t = document.querySelector(e);
            else {
              for (var i = e.split(" "), n = document, o = 0, s = i.length; o < s; o++) n = this.handleQuery(i[o], n);
              t = n
            }
            return t
          },
          handleQuery: function (e, t) {
            var i = null;
            return /^#([\w-]+)$/.test(e) ? i = t.getElementById(e.substring(1)) : /^\.([\w-]+)$/.test(e) ? i = t.getElementsByClassName(
              e.substring(1))[0] : /^[\w-]+$/.test(e) && (i = t.getElementsByTagName(e)[0]), i
          },
          setFullScreen: function (e) {
            "string" == typeof e && (e = this.querySelector(e)), e.style.height = O.getScreenHeight() + "px"
          }
        },
        $ = {
          android: !1,
          ios: !1,
          mobile: !1,
          pc: !1,
          init: function () {
            var e = navigator.userAgent;
            e.match(/(Android);?[\s\/]+([\d+.]+)?/) ? (this.android = !0, this.mobile = !0) : e.match(
              /(iPhone\sOS)\s([\d_]+)/) ? (this.ios = !0, this.mobile = !0) : this.pc = !0
          }
        };
      $.init();
      var G = {
        uc: !1,
        qihoo: !1,
        chrome: !1,
        safari: !1,
        weixin: !1,
        weibo: !1,
        qq: !1,
        meizu: !1,
        version: 0,
        init: function () {
          var e = navigator.userAgent;
          if ($.android && (0 < e.indexOf("360") && (this.qihoo = !0), 0 < e.indexOf("UCBrowser") && (this.uc = !0),
              0 < e.indexOf("MZ-") && (this.meizu = !0), 0 < e.indexOf("Chrome"))) {
            this.chrome = !0;
            var t = e.match(/chrome\/(\d+)/i);
            t && (this.version = t[1] - 0)
          }~e.indexOf("MicroMessenger") && (this.weixin = !0), ~e.indexOf("Weibo") && (this.weibo = !0), e.match(
            /(QQ|MQQBrowser)\/([\d\.]+)/i) && (this.qq = !0), $.ios && e.match(/safari\/[\d.]+/i) && (this.safari = !
            0, this.version = e.match(/os\s+(\d+)/i)[1] - 0)
        }
      };
      G.init();
      var A = function () {
          return !(!G.qihoo && !G.uc)
        },
        D = {
          appid: "",
          scheme: "",
          tempLinkSelector: "",
          packageUrl: "",
          packageInfoService: "http://127.0.0.1:13137/?action=info",
          init: function (e) {
            this.appid = e.appid, this.scheme = e.stream_scheme, this.tempLinkSelector = e.tempLinkSelector ||
              "open_stream_temp", $.android ? this.packageUrl = e.stream_android_url : $.ios && (this.packageUrl = e.stream_ios_url)
          },
          open: function () {
            if (!this.scheme) return !1;
            $.android ? this.openAndroid() : $.ios && this.openIos()
          },
          openAndroid: function () {
            navigator.userAgent;
            var e = P.querySelector(this.tempLinkSelector);
            if (e && document.body.removeChild(e), G.qihoo || G.uc || G.meizu) window.location.href = this.scheme;
            else if (G.chrome) G.version && G.version < 42 ? this.openIntent(this.scheme) : window.location.href =
              this.scheme;
            else {
              var t = document.createElement("iframe");
              t.id = this.tempLinkSelector, t.style.display = "none", document.body.appendChild(t), t.src = this.scheme
            }
          },
          openIos: function () {
            window.location.href = this.scheme
          },
          openIntent: function (e) {
            var t = e.split("://"),
              i = "intent://{schemePath}#Intent;scheme={schemeName};end";
            i = i.replace("{schemePath}", t[1]).replace("{schemeName}", t[0]);
            var n = document.createElement("a");
            n.id = this.tempLinkSelector, n.style.width = "2px", n.style.height = "2px", n.href = i, document.body.appendChild(
                n),
              function (e, t) {
                if (e.fireEvent) e.fireEvent("on" + t);
                else {
                  var i = document.createEvent("Events");
                  i.initEvent(t, !0, !1), e.dispatchEvent(i)
                }
              }(n, "click")
          },
          download: function () {
            window.location.href = this.packageUrl
          },
          getPackageInfo: function (t) {
            e("GET", this.packageInfoService, {}, function (e) {
              e ? t.success && t.success() : t.error && t.error()
            })
          }
        };
      D.init($app);
      var t, H = {
        url: "",
        size: 0,
        download: function () {
          if (G.weixin && !~this.url.indexOf("sj.qq.com")) {
            var e = $.ios ? "在Safari打开" : "在浏览器打开";
            wxShareGuide.show("请点击右上角菜单，选择" + e)
          } else window.location.href = this.url
        },
        init: function (e) {
          $.android ? (this.url = e.android_url || "", this.size = e.android_size || 0) : $.ios && (this.url = e.ios_url ||
            "", this.size = e.ios_size || 0)
        }
      };
      H.init($app), t = function () {
        var t, i, e;
        $.android && $app.stream_scheme && D.open();
        var n = 0,
          o = 0,
          s = new L("#stream_token_hidden"),
          r = !1;
        ({
          selector: "#mobile_info",
          element: null,
          eventType: "resize",
          handleEvent: function () {
            P.setFullScreen(this.element), this.removeEvent()
          },
          initEvent: function () {
            window.addEventListener(this.eventType, this.handleEvent.bind(this), !1)
          },
          removeEvent: function () {
            window.removeEventListener(this.eventType, this.handleEvent)
          },
          init: function () {
            this.element = P.querySelector(this.selector), P.setFullScreen(this.element), this.initEvent()
          }
        }).init();
        var a = {
          hiddenProp: "",
          eventType: "",
          init: function () {
            void 0 !== document.hidden ? (this.hiddenProp = "hidden", this.eventType = "visibilitychange") : void 0 !==
              document.msHidden ? (this.hiddenProp = "msHidden", this.eventType = "msvisibilitychange") : void 0 !==
              document.webkitHidden && (this.hiddenProp = "webkitHidden", this.eventType =
                "webkitvisibilitychange"), this.hiddenProp && this.initEvent()
          },
          initEvent: function () {
            document.addEventListener(this.eventType, this.handleEvent.bind(this), !1)
          },
          handleEvent: function () {
            document[this.hiddenProp] ? this.hiddenEvent() : this.showEvent()
          },
          hiddenEvent: function () {},
          showEvent: function () {
            r && (window.clearInterval(t), window.clearInterval(i)), setTimeout(function () {
              D.getPackageInfo({
                success: function () {
                  window.clearInterval(e), h.isVisible && h.ignore()
                }
              })
            }, 1e3)
          }
        };
        $app.mp_weixin || a.init();
        var c = {
          selector: "#download_list .package",
          element: null,
          eventType: "click",
          handleEvent: function () {
            H.download()
          },
          initEvent: function () {
            this.element.addEventListener(this.eventType, this.handleEvent, !1)
          },
          init: function () {
            if (H.url) {
              if (this.element = P.querySelector(this.selector), this.element) {
                var e = H.size ? '下载安装(<span class="pkg-size">' + H.size + "</span>)" : "下载安装";
                this.element.innerHTML = e, this.element.style.visibility = "visible", this.initEvent()
              }
            } else {
              var t = document.querySelector("#download_list .download-tip");
              t && ($.android ? t.querySelector(".os-name") && (t.querySelector(".os-name").innerText = "Android") :
                t.querySelector(".os-name") && (t.querySelector(".os-name").innerText = "iOS"), t.className = t
                .className.replace("hide", "show"))
            }
          }
        };
        $app.mp_weixin || c.init();
        var l = {
          selector: "#download_list .stream",
          element: null,
          eventType: "click",
          handleEvent: function () {
            navigator.userAgent;
            if (G.weixin || G.weibo || G.qq) {
              var e = $.ios ? "在Safari打开" : "在浏览器打开";
              wxShareGuide.show("请点击右上角菜单，选择" + e)
            } else D.open(), this.check(O.now(), 300)
          },
          androidTimeout: function (e, t) {
            setTimeout(function () {
              500 < O.now() - e && h.show()
            }, t)
          },
          iosTimeout: function () {
            D.download()
          },
          check: function (e, t) {
            $.android ? setTimeout(function () {
              D.getPackageInfo({
                error: function () {
                  this.androidTimeout(e, t)
                }.bind(this)
              })
            }.bind(this), 200) : setTimeout(function () {
              this.iosTimeout()
            }.bind(this), t)
          },
          initEvent: function () {
            this.element.addEventListener(this.eventType, this.handleEvent.bind(this), !1)
          },
          initLink: function () {
            var e = "https://m3w.cn/ul/" + $app.appid;
            this.element.href = e
          },
          init: function () {
            this.element = P.querySelector(this.selector), this.element && (~this.element.className.indexOf(
              "disabled") || this.initEvent())
          }
        };
        $app.mp_weixin || l.init();
        var h = {
          toggleDownload: function () {
            this.loadingElem.innerText = "正在启动", this.actionElem.innerText = "立即下载", this.ignoreElem.style.display =
              "", this.downloadContainer.className = this.downloadContainer.className.replace("hide", "show")
          },
          toggleLaunch: function () {
            this.loadingElem.innerText = "正在下载", this.actionElem.innerText = "我知道了", this.ignoreElem.style.display =
              "none", P.toggle(this.downloadContainer), P.toggle(this.launchContainer), this.activeContainer =
              this.launchContainer
          },
          toggleCopy: function () {
            this.loadingElem.innerText = "正在下载", this.actionElem.style.display = "none", this.ignoreElem.style.display =
              "none", P.toggle(this.downloadContainer), P.toggle(this.copyContainer), this.activeContainer = this
              .copyContainer
          },
          activeContainer: null,
          eventType: "click",
          handleActionEvent: function (e) {
            "立即下载" === e.target.innerText ? (D.download(), s.copy({
              success: function () {
                this.toggleLaunch()
              }.bind(this),
              error: function () {
                this.toggleCopy()
              }.bind(this)
            }), A() && (t = window.setInterval(function () {
              6e4 < n ? window.clearInterval(t) : (D.open(), n += 1e3)
            }, 1e3), i = window.setInterval(function () {
              6e4 < o ? window.clearInterval(i) : (D.getPackageInfo({
                success: function () {
                  r = !0, window.clearInterval(t), window.clearInterval(i)
                }
              }), o += 1e3)
            }, 1e3))) : this.ignore()
          },
          ignore: function () {
            this.isVisible = !1, P.toggle(this.container), this.activeContainer !== this.downloadContainer && (P.toggle(
              this.activeContainer), this.activeContainer = this.downloadContainer, this.toggleDownload())
          },
          initEvent: function () {
            this.actionElem.addEventListener(this.eventType, this.handleActionEvent.bind(this), !1), this.ignoreElem
              .addEventListener(this.eventType, this.ignore.bind(this), !1), this.container.addEventListener(
                "touchmove", this.preventTouch.bind(this), !1), this.container.addEventListener("click", function (
                e) {
                ~e.target.className.indexOf("overlay") && this.isVisible && this.ignore()
              }.bind(this), !1)
          },
          preventTouch: function (e) {
            e.preventDefault(), e.stopPropagation(), ~e.target.className.indexOf("overlay") && this.isVisible &&
              this.ignore()
          },
          initElements: function (e) {
            this.container = P.querySelector(e.container), this.downloadContainer = this.container.querySelector(
                e.downloadContainer), this.launchContainer = this.container.querySelector(e.launchContainer),
              this.copyContainer = this.container.querySelector(e.copyContainer), this.actionElem = this.container
              .querySelector(e.actionSelector), this.ignoreElem = this.container.querySelector(e.ignoreSelector),
              this.loadingElem = this.container.querySelector(e.loadingSelector)
          },
          show: function () {
            this.isVisible = !0, P.toggle(this.container), e = window.setInterval(function () {
              D.getPackageInfo({
                success: function () {
                  window.clearInterval(e), h.isVisible && h.ignore()
                }
              })
            }, 200)
          },
          init: function (e) {
            this.isVisible = !1, this.initElements(e), this.activeContainer = this.downloadContainer, this.initEvent()
          }
        };
        $app.mp_weixin || h.init({
          container: "#stream_guide",
          downloadContainer: ".guide-download",
          launchContainer: ".guide-launch",
          copyContainer: ".guide-copy",
          actionSelector: "#guide_action",
          ignoreSelector: "#guide_ignore",
          loadingSelector: ".loading-text"
        }), {
          selector: "#scroll_page",
          element: null,
          eventType: "click",
          direction: "down",
          DOWN_SIGN: "down",
          UP_SIGN: "up",
          toggle: function () {
            var e = this.element.className;
            this.direction === this.DOWN_SIGN ? (this.direction = this.UP_SIGN, this.element.className = e.replace(
              this.DOWN_SIGN, this.UP_SIGN)) : (this.direction = this.DOWN_SIGN, this.element.className = e.replace(
              this.UP_SIGN, this.DOWN_SIGN))
          },
          initEvent: function () {
            this.element.addEventListener(this.eventType, this.handleEvent.bind(this), !1), window.addEventListener(
              "scroll", this.onScroll.bind(this), !1)
          },
          handleEvent: function () {
            this.direction === this.DOWN_SIGN ? this.down() : this.direction === this.UP_SIGN && this.up()
          },
          onScroll: function () {
            var e = O.getScreenHeight() - 120,
              t = window.scrollY;
            e < t && this.direction !== this.UP_SIGN ? this.toggle() : t <= e && this.direction !== this.DOWN_SIGN &&
              this.toggle()
          },
          down: function () {
            window.scrollTo(0, O.getScreenHeight() + 1), this.toggle()
          },
          up: function () {
            window.scrollTo(0, 0), this.toggle()
          },
          init: function () {
            this.element = P.querySelector(this.selector), this.initEvent()
          }
        }.init();
        var d = {
          selector: "#copy_stream_token",
          eventType: "touchstart",
          handleEvent: function () {
            setTimeout(function () {
              this.element.style.backgroundColor = "#ffffff", this.element.removeEventListener(this.eventType,
                this.handleEvent.bind(this), !1)
            }.bind(this), 30)
          },
          initEvent: function () {
            this.element.addEventListener(this.eventType, this.handleEvent.bind(this), !1)
          },
          init: function () {
            this.element = P.querySelector(this.selector), this.initEvent()
          }
        };
        $app.mp_weixin || d.init();
        $app.mp_weixin;
        var u = document.querySelector(".pc-share"),
          m = u.querySelector(".share-tip"),
          p = u.querySelector(".share-qrcode");
        m.addEventListener("mouseover", function () {
          ~p.className.indexOf("hide") && (p.className = p.className.replace("hide", "show"))
        }), m.addEventListener("mouseleave", function () {
          ~p.className.indexOf("show") && (p.className = p.className.replace("show", "hide"))
        });
        var v = function (e) {
          this.options = e, this.container = e.container, this.itemSelector = e.itemSelector, this.activeClass =
            "active", this.init()
        };
        v.prototype.init = function () {
          this.initElements(), this.initEvents()
        }, v.prototype.initElements = function () {
          this.containerElem = document.querySelector(this.container), this.activeItem = this.containerElem.querySelector(
            this.itemSelector + "." + this.activeClass)
        }, v.prototype.initEvents = function () {
          this.containerElem.addEventListener("click", this.handleTab.bind(this), !1)
        }, v.prototype.handleTab = function (e) {
          var t = e.target;
          if ("A" === t.tagName) {
            if (t === this.activeItem) return;
            this.switchTab(t)
          }
        }, v.prototype.switchTab = function (e) {
          this.activeItem.className = this.activeItem.className.replace(" " + this.activeClass, ""), e.className =
            e.className + " " + this.activeClass, this.activeItem = e, this.options.callback && this.options.callback(
              e.getAttribute("data-id"))
        };
        var f = function (e) {
          this.options = e, this.container = e.container, this.itemSelector = e.itemSelector, this.activeClass =
            "active", this.init()
        };
        f.prototype.init = function () {
          this.initElements()
        }, f.prototype.initElements = function () {
          this.containerElem = document.querySelector(this.container), this.activeItem = this.containerElem.querySelector(
            this.itemSelector + "." + this.activeClass)
        }, f.prototype.change = function (e) {
          var t = this.containerElem.querySelector(this.itemSelector + "." + e);
          t !== this.activeItem && (this.activeItem.className = this.activeItem.className.replace(" " + this.activeClass,
            ""), t.className = t.className + " " + this.activeClass, this.activeItem = t)
        };
        var w = new f({
          container: "#pc_tab_content",
          itemSelector: ".tab-content-item"
        });
        new v({
          container: "#pc_tab",
          itemSelector: ".tab-item",
          callback: function (e) {
            w.change(e)
          }
        });
        var g = new f({
          container: "#mb_tab_content",
          itemSelector: ".tab-content-item"
        });
        new v({
          container: "#mb_tab",
          itemSelector: ".tab-item",
          callback: function (e) {
            g.change(e)
          }
        });
        var y = document.getElementById("mb_tab_content");
        if (y) {
          var S = y.querySelector(".pkg-download"),
            E = y.querySelector(".download-tip");
          E && ($.android && ($app.android_url ? S.className = S.className.replace("hide", "show") : E.querySelector(
            ".os-name") && (E.querySelector(".os-name").innerText = "Android", E.className = E.className.replace(
            "hide", "show"))), $.ios && ($app.ios_url ? S.className = S.className.replace("hide", "show") : E.querySelector(
            ".os-name") && (E.querySelector(".os-name").innerText = "iOS", E.className = E.className.replace(
            "hide", "show")))), S && S.addEventListener("click", function () {
            if (G.weixin) {
              var e = $.ios ? "在Safari打开" : "在浏览器打开";
              wxShareGuide.show("请点击右上角菜单，选择" + e)
            } else $.android ? window.location.href = $app.android_url : $.ios && (window.location.href = $app.ios_url)
          })
        }
        var b = document.getElementById("pc_tab_content");
        if (b) {
          var q = b.querySelector(".pc-download");
          if (q) {
            var T = q.querySelector("a.android");
            T && (T.href = $app.android_url);
            var N = q.querySelector("a.ios");
            N && (N.href = $app.ios_url)
          }
        }
        if (G.weixin && document.querySelector(".tab-content-item.mp .mp-tip").classList.remove("hide"), $app.mp_weixin) {
          var _ = document.querySelector(".mp-title"),
            x = _.querySelector(".mp-title-input"),
            C = _.querySelector(".mp-title-copy"),
            I = document.querySelector(".toast"),
            k = "复制失败，请尝试长按小程序名称复制。";
          C && C.addEventListener("click", function () {
            if (x)
              if (x.select(), document.execCommand) {
                var e = document.execCommand("copy", !1);
                I.querySelector(".toast-text").innerText = e ? "复制成功，请在微信搜索框里长按并粘贴搜索。" : k, I.classList.remove(
                  "hide"), setTimeout(function () {
                  I.classList.add("hide"), I.querySelector(".toast-text").innerText = ""
                }, 2e3)
              } else I.querySelector(".toast-text").innerText = k, I.classList.remove("hide"), setTimeout(
                function () {
                  I.classList.add("hide"), I.querySelector(".toast-text").innerText = ""
                }, 2e3)
          })
        }
      }, /complete|loaded|interactive/.test(document.readyState) ? t() : document.addEventListener("DOMContentLoaded",
        t, !1)
    }();
  </script>

  <script type="text/javascript">
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?2ec846c895afcff61a0e4b14fcac7e4f";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>

</body>

</html>